<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>base64编码</title>
  </head>
  <body>
    <!-- 这是通过【url路径的形式】，展示了一张图片 -->
    <!-- <img src="./logo.png" alt="" /> -->


    <!-- base64字符串可以减少不必要的请求，提高网页打开速度
        但只适合小图片，图片经过base64编码后大小增加了30% -->

    <!-- 还可以通过【base64字符串】的形式，展示一张图片 -->
    <img src="
    POxWjMxtzKAMaOljpdAHDwus0ekY4gYYXEi2qXs6wUXkIYVtUB5jMhhsc2ZxJpqxF4IPHNDCpoBxi8qyGMuAaaK/7FcTf3Bt/QO839x6enoKP5l88u29t/ecc8/
    jnnMuZJqt5izbJlO2KdMiBnIqkGWxC4ip+Iqp+DfbmiMXxVisU1BCCkmLALYb6cU+cYJl2cmBPArlJQ8hNwha3IP7ge5gh6W75Rnll25ALdEYyBCBG0CeQk7EPjQmVYvSUxvSdWFkxjraVCB/
    qL6SoxwIkWh3diD0qJzi+kqeU4QhdykSpVJTsKOwcEAzSHKmEz0B4IRaH30QvY7HREKFY2FxesvVpy/
    4Mi7Om147anqujIZJRIAgGdqdmQ7dg5aM0O+FysTaS9A+E9v1vdH7j2Hcbxz8w9ByOdP5MlVR0QyJWTTK0Gci0eC4x7S1SuUaA/
    cMuL8TMHqDEoaJv/VDDzPLDqIxFc2ENtTP9CDoeRr9GB0Cuher1A0j0DaLMHqCFPprD6UkKUUxI7WsZB1tRpZNxDe9rFrVdANaZygM40EGjA4hD
    +j9ZSGEMmhYKqfJsqe92hDf7IHj0wyGsSBDhM+QHct42tJ9q3p/gg9/
    W9c0ZBKu/u/amcy2jeVH4l2TcOxbipiWW6vrh6OFUZ5AFaIGTGzzwAe/Kji3pO6Y1uxsUCTlOjfs7opv8kLLNxSxzVNP7em2bqnQfx1k4ImYCkM/JR73wLkHiNj++eTD55/c3x/
    bNAnNtxhSdrWabQU5uQ79aICBXqRwIkZ7Sqn6LZXqjhkYWISzD0I4swTdd+HYNDTfDME1qa4Z1JXulyS5+QXRwjCthHLj8kkoy6Z1lq9tHIGBpQj0+sB9G1w3oWlq/
    Rt9Bsc2c3YoUO05+bovAww0pIGlV8wjct1oeXaNaxT6lyLQtwDuO8k7j5os+UglhNns+bovAgw07QErB6zcGR3Fj9dcgu570LcIpyOQVH3R4CgWaiG51Zan+zzAQH3EzUjumX3jS4dWV1
    +BBg+8NwXtP0DvIkOCy6sp2SvkybMLYRkjAYYIM9Jeg5ZEzeYK1ZFhqPeE0OCF1tvw/jycWgijZ/
    6xzh9TKxtliVGEDQcYqFNCmoklmSsxdzxx8COom0Coaq4nl9cl7RuIO3EPehYYkg5d2FRYbLHmZnzmZ6CFEGjKp5Vzzd6z8O64gndurN3doyvYrtQBS75m+2GV+w6cvE8Rc9KXUD
    +qLT2gHfIz0JwXSlfRJVTrKFn15iDUjq2r6jDnFmGUmszW1JIDce1zTB50++I672qv
    +xlo1xXOjSznsixMPSqub8qOt1Uts9A9z6C95megrIAyCpdEUpeXbUDFSoazIqFxArp8FJqrfgbeytF7x7jTNpl1leIvQ2Gpum4MOn0IzRU/
    Rdr532nKBZooseTTwk2TGxUsS67O+Yq69qsY9y/Q4RPQXH4kkfbJn9qeOcPWXUgeUTxZY0vjhTajYkCvjpLS8p5fv+d0TNvPsZ330wcfpX36V2r7rGFHtdFehPVWfoHWMBqZqIG8giyCcDH0LsnZ/
    MxbH284tZByYk6/7XVzXhGNACkprBn1B23CqUeZDejVZBHL+vPwpaat5/9RjsURFYzKKa0c61tXyimonxjQBlCOaS9LH1HL1DO6m72CmKLRT7zolol2afKZGWp4KAsMs2UvOL1h7A2xUtfEnnr/
    Asbvt92ZUS6sAAAAAElFTkSuQmCC" alt="" />
  </body>
</html>
